<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>指尖金融</title>
		<link href="../../../css/common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/base.css" type="text/css" rel="stylesheet">
		<link href="../../../component/autocomplete/jquery.autocomplete.css" />
		<link href="../systemManage/systemManage.css" type="text/css" rel="stylesheet">
		<link href="../../../res/png/icon.png" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />
		<link rel="stylesheet" type="text/css" href="../../../component/autocomplete/jquery.autocomplete.css" />
		<link rel="stylesheet" type="text/css" href="insuranceManage.css"/>
	</head>
	<body>
		<div class="wrapper">
			<!-- 顶部菜单栏 -->
			<div id="header" class="header">
			</div>
			<div class="main" id="main">
				<!-- 左侧菜单栏 -->
				<div id="leftMenu" class="left"></div>
				<div class="pages">
					<div id="insuranceManageList" class="page table-section none">
						<p class="table-head">
							<label class="table-title">当前位置:保险管理</label>
						</p>
						<div class="table-search">
							<div class="searchDataLine">
								<div>
									投保日期：<input class="dateBegin" style="width: 110px;" class="Wdate" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,maxDate:'#F{$dp.$D(\'applyTimeEnd\',{d:0})}'})" />--<input class="dateEnd" style="width: 110px;" class="Wdate" type="text" id="applyTimeEnd" name="publishToTime" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,minDate:'#F{$dp.$D(\'applyTimeStart\',{d:1})}'})" />
								</div>
								<div>
									投保单号：<input class="insuranceNumber" type="text"/>
								</div>
								<div>
									业务单号：<input class="financeNumber" type="text"/>
								</div>
							</div>
							<div class="searchDataLine">
								<div>
									投保人：<input class="applicant" type="text"/>
								</div>
								<div>
									保险公司：<input class="insuranceCompany" type="text"/>
								</div>
								<div>
									险种：<input class="coverageName" type="text"/>
								</div>
								
							</div>
							<div class="searchDataLine">
								<div>
									状态：<select class="insuranceState" name="insuranceState">
										<option value="">全部</option>
										<option value="1">待审批</option>
										<option value="2">已生效</option>
										<option value="3">已撤销</option>
									</select>
								</div>
								<div></div>
								<div>
									<button class="table-search-button insuranceSearch">查询</button>
								</div>
							</div>							
						</div>
						<div style="margin-left: 40px; margin-right: 40px;">
							<table class="table" cellspacing="0px" cellpadding="0px">
								<tr class="table_title">
									<th>投保日期  |<br /> 投保单号</th>
									<th>业务单号</th>
									<th>起止地</th>
									<th>投保总额</th>
									<th>保费</th>
									<th>待付保费</th>
									<th>险种</th>
									<th>保险公司</th>
									<th>投保人</th>
									<th>状态</th>
									<th>操作</th>
								</tr>
								<tbody id="insuranceManageBody"></tbody>
							</table>
							<div id="pagenation" class="pagerCon"></div>
							<script type="text/template" id="insuranceManageTpl">
								{@each datas as it}
								<tr class="tr_style table-data" financeId="${it.financeId}" insuranceId="${it.insuranceId}">
									<td>${it.insuranceDate}<br />${it.insuranceNumber}</td>
									<td>${it.financeNumber}</td>
									<td>起：${it.deliverAddress}<br />止：${it.receiveAddress}</td>
									<td>&#65509;${it.totalAmount}</td>
									<td>&#65509;${it.totalPremium}</td>
									<td>&#65509;${it.totalPremium*1 - it.alreadyPremium*1}</td>
									<td>
										{@each it.coverageNames as that,index}
										{@if index < 3}
										${that} 
										{@/if}
										{@/each}
									</td>
									<td>${it.insuranceCompany}</td>
									<td>${it.applicant}</td>
									<td>${getValueByKey(9, it.insuranceState)}</td>
									<td><a class="detail" href="javascript:void(0)">详情</a></td>
								</tr>
								{@/each}
							</script>
						</div>
					</div>
				</div>
				<div id="popdialog"></div>
			</div>
			<!-- 底部 -->
			<div id="footer" class="none footer">
			</div>
			<!--删除确认框-->
			<div class="dialog none" id="confirmDialog" style="width:300px;">
				<div class="dialogTitle"></div>
				<button class="closeDiv">×</button>
				<div class="dialogContent">
				</div>
				<div class="footerBtn">
					<div class="dialogBtn dialogHandlerBtn">确定</div>
				</div>
			</div>
			<div id="fullBg" class="fullBg none"></div>
			<div id="popdialog">
			</div>
		</div>
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/platform/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>
		<script type="text/javascript" src="../../../js/zTree/jquery.ztree.all-3.5.js"></script>
		<script type="text/javascript" src="../../../component/autocomplete/jquery.autocomplete.js"></script>
		<script src="../../../js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			seajs.use('./insuranceManage', function(insuranceManage) {
				insuranceManage.init();
			});
		</script>
	</body>

</html>